/*
 * @Author: zhangweixin 
 * @Date: 2018-11-29 15:15:49 
 * @Last Modified by: zhangweixin
 * @Last Modified time: 2018-11-30 17:17:44
 */
.footer-nav{
  &-container{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    display: flex;
    color: red;
    z-index: 1000;
  }
  &-item{
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    &-img-box{
      font-size: 0px;
      img{
        width:26px;
        height:26px;
      }
      img.active{
        display: none;
      }
    }
    &-text{
      font-size: 12px;
      color: #a5a5a5;
    }
    &.active{
      & .footer-nav-item-img-box{
        img.default{
          display: none;
        }
        img.active{
          display: inline-block;
        }
      }
      & .footer-nav-item-text{
        color: #ff5e53;
      }
    }
  }
}